<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>图片</title>
  <style>
      img {
          border-radius: 10px;
      }
  </style>
</head>
<body>
<!--相对路径, 绝对路径, 行内块元素特性-->
<!--base64编码图片, 减少网络请求, 但容易影响结构-->
<!--jpg gif png webp 透明 动图 颜色丰富程度-->
<img width="400" src="1.gif" alt="大松鼠" title="大松鼠"/>
<br>
<img width="50" src="./img/2.gif" alt="图片" title="标题"/>
<br>
</body>
</html>